<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt" %>
<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width,height=device-height,initial-scale=1.0,maximum-scale=1.0,user-scalable=no">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="default">
    <meta name="format-detection" content="telphone=no, email=no">
    <link rel="stylesheet" href="css/common.css"/>
    <script src="js/resize.js"></script>
    <link rel="stylesheet" href="css/center_login.css"/>
    <title>常见问题</title>
</head>
<body>
<div class="layout">
    <div class="com_problem">
        <ul>
            <li>
                <p>请爱护自己的信用,严重预期的将进行曝光 <img src="images/center_14.png" alt=""/></p>
                <div class="com_content">请爱护自己的信用,严重预期的将进行曝光请爱护自己的信用,严重预期的将进行曝光请爱护自己的信用,严重预期的将进行曝光请爱护自己的信用,严重预期的将进行曝光请爱护自己的信用,严重预期的将进行曝光请爱护自己的信用,严重预期的将进行曝光</div>
            </li>
            <li>
                <p>请爱护自己的信用,严重预期的将进行曝光 <img src="images/center_14.png" alt=""/></p>
                <div class="com_content">请爱护自己的信用,严重预期的将进行曝光请爱护自己的信用,严重预期的将进行曝光请爱护自己的信用,严重预期的将进行曝光请爱护自己的信用,严重预期的将进行曝光请爱护自己的信用,严重预期的将进行曝光请爱护自己的信用,严重预期的将进行曝光</div>
            </li>
            <li>
                <p>请爱护自己的信用,严重预期的将进行曝光 <img src="images/center_14.png" alt=""/></p>
                <div class="com_content">请爱护自己的信用,严重预期的将进行曝光请爱护自己的信用,严重预期的将进行曝光请爱护自己的信用,严重预期的将进行曝光请爱护自己的信用,严重预期的将进行曝光请爱护自己的信用,严重预期的将进行曝光请爱护自己的信用,严重预期的将进行曝光</div>
            </li>
            <li>
                <p>请爱护自己的信用,严重预期的将进行曝光 <img src="images/center_14.png" alt=""/></p>
                <div class="com_content">请爱护自己的信用,严重预期的将进行曝光请爱护自己的信用,严重预期的将进行曝光请爱护自己的信用,严重预期的将进行曝光请爱护自己的信用,严重预期的将进行曝光请爱护自己的信用,严重预期的将进行曝光请爱护自己的信用,严重预期的将进行曝光</div>
            </li>
        </ul>
    </div>
</div>
<script src="js/jquery-3.1.0.min.js"></script>
<script>
    $(".com_problem li").on("click",function(){
        $(this).toggleClass("active");
        $(this).find(".com_content").slideToggle();
//        if($(this).hasClass("active")){
//            $(this).find(".com_concent").show();
//        }else{
//            $(this).find(".com_concent").hide();
//        }
    })
</script>
</body>
</html>